<!DOCTYPE html>
<html lang="zh-CN">
<head>
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jackery app_（自适应手机版）简洁大气响应式网络建站工作室公司织梦模板 - 南京创劲 - </title>
<meta name="keywords" content="" />
<meta name="description" content="Jcakery是一家位于美国硅谷的技术公司，从事智能手机和平板电脑的创新电池解决方案，Jcakery app由nicedesign负责UX/UI设计。 Upon launching the app, youre immediately greeted with the Monitor screen. It sh" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
<meta name="format-detection" content="telephone=no">
<link href="/style/css/menu.css" rel="stylesheet" >
<link href="/style/css/channel.css" rel="stylesheet" >
<link href="/style/css/base-page.min.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/style/css/load6.css" rel="stylesheet" type="text/css" />
<link href="/style/css/ext.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/style/js/jquery-1.8.2.min.js"></script>
<script type='text/javascript' src="/style/js/bootstrap-collapse.js"></script>
<script type="text/javascript" src="/style/js/respond.js"></script>
<script type="text/javascript" src="/style/js/jquery.royalslider.min.js?v=9.3.6"></script>
<script type="text/javascript" src='/style/js/nprogress.js'></script>
<script type="text/javascript" src='/style/js/qrcode.js'></script>
</head>
<body>
<div class="fade out">
  <div class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        <a class="navbar-brand" href="/" alt="nice design"><img src="/style/images/logo.png" style="width:65px;height:50px;margin-top:-10px"alt="zhizhuxiu"/></a> </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
          <li ><a href="/">首页</a></li>
          
          <li><a href='/html/about/' rel='dropmenu1'>关于</a></li>
          
          <li><a href='/html/news/' rel='dropmenu1'>动态</a></li>
          <li class='active'><a href='/html/case/'>案例</a></li>
          <li><a href='/html/service/' rel='dropmenu1'>服务</a></li>
          
          <li><a href='/html/zhishi/' rel='dropmenu1'>知识</a></li>
          
        </ul>
      </div>
    </div>
  </div>
  <script src="/style/js/bootstrap.js"></script> 
  <script src="/style/js/jquery.bootstrap-autohidingnavbar.js"></script> 
  <script type="text/javascript">
$("div.navbar-fixed-top").autoHidingNavbar();
</script>
 
  <div = id="content">
    
    <!--case_con_banner-->
    <div class="examples">
      <div id="contents">
        <div class="jise_big" style="background:url(/uploads/allimg/160429/1-160429131402.jpg) no-repeat center top;background-size:cover;"></div><div class="jise_big" style="background:url(/uploads/allimg/160429/1-160429131402-50.jpg) no-repeat center top;background-size:cover;"></div><div class="jise_big" style="background:url(/uploads/allimg/160429/1-160429131403.jpg) no-repeat center top;background-size:cover;"></div><div class="jise_big" style="background:url(/uploads/allimg/160429/1-160429131404.jpg) no-repeat center top;background-size:cover;"></div><div class="jise_big" style="background:url(/uploads/allimg/160429/1-160429131406.jpg) no-repeat center top;background-size:cover;"></div><div class="jise_big" style="background:url(/uploads/allimg/160429/1-160429131408.jpg) no-repeat center top;background-size:cover;"></div>
      </div>
      <div class="describe gray">
        <div class="con">
          <div class="txt">
            <h1>Jackery app</h1>
            <p> <div>
	Jcakery是一家位于美国硅谷的技术公司，从事智能手机和平板电脑的创新电池解决方案，Jcakery app由nicedesign负责UX/UI设计。</div>
<div>
	Upon launching the app, you&#39;re immediately greeted with the Monitor screen. It shows you the remaining percentage of energy stored in your battery, the remaining time estimated before your device runs out of charge, and when the battery level will drop below 50 percent and 20 percent. It will also give you an estimate of what time to charge your iPhone again.</div>
</p>
          </div>
          <div class="shrae"> 分享到 <a href="javascript:void((function(s,d,e){try{}catch(e){}var f='http://v.t.sina.com.cn/share/share.php?',u=d.location.href,p=['url=',e(u),'&title=',e(d.title),'&appkey=2924220432'].join('');function a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=620,height=450,left=',(s.width-620)/2,',top=',(s.height-450)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})(screen,document,encodeURIComponent));"><i class="iconfont icon-sina">&#xe64d </i></a><a href="javascript:void(0)" class="weixin1"><i class="iconfont icon-wechat">&#xe7f0 </i></a></div>
          <!--shrae--></div>
        <!--con--></div>
      <!--describe--></div>
    <!--examples--></div>
  <div class="news_box wu or" >
    <h1>更多案例</h1>
    <div class="case wu">
      <div class="case_con" id="case_con1">
        <dl>
          <dd style="background:url(/uploads/allimg/160429/1-160429201H50-L.jpg) no-repeat center top; background-size:cover;"><a href="/html/case/add/17.html"></a></dd>
          <dt>
            <h3><a href="/html/case/add/17.html">微健智能跑步机应用</a></h3>
          </dt>
          <dt>微健智能跑步机应用是北京微健网络科技基于自主研发的...</dt>
        </dl>
<dl>
          <dd style="background:url(/uploads/allimg/160429/1-1604291540490-L.jpg) no-repeat center top; background-size:cover;"><a href="/html/case/add/13.html"></a></dd>
          <dt>
            <h3><a href="/html/case/add/13.html">我开始健身</a></h3>
          </dt>
          <dt>我开始健身pad端app由nicedesign设计打造，我开始健身是一...</dt>
        </dl>
<dl>
          <dd style="background:url(/uploads/allimg/160429/1-160429153U70-L.jpg) no-repeat center top; background-size:cover;"><a href="/html/case/web/12.html"></a></dd>
          <dt>
            <h3><a href="/html/case/web/12.html">优品汇手机助手</a></h3>
          </dt>
          <dt>优品汇手机助手是nicedesign为国内首支纯粹以手机发烧友...</dt>
        </dl>

      </div>
      <!--case_con--></div>
    <!--case wu--></div>
  <!--news_box-->
  <div class="theme-mask"></div>
  <div class="popover">
    <dl>
      <dd>
        <div id="qrcode"></div>
      </dd>
      <dt>扫描二维码分享到微信</dt>
      <dt><a href="javascript:void(0)" class="close">确 认</a></dt>
    </dl>
  </div>
</div>
<!--eject--><script>
    window.onload =function(){
        var qrcode = new QRCode(document.getElementById("qrcode"), {
            width : 200,//设置宽高
            height : 200
        });
        qrcode.makeCode('http://127.0.0.1//html/case/app/4.html');
    }
</script><script type="text/javascript">
$(document).ready(function($){
$('.weixin1').click(function(){
$('.theme-mask').show();
$('.theme-mask').height($(document).height());
$('.popover').slideDown(200);
})
$('.close').click(function(){
$('.theme-mask').hide();
$('.popover').slideUp(200);
})
 
})
</script>


<div class="main_foot">
    <div class="foot">
      <div class="foot_logo"> <img src="/style/images/foot_logo.png" width="150"/>
        <p style="font-size:16px; margin:5px 0 0 5px; color:#333;">专注用户体验设计与开发</p>
      </div>
      <div class="con">
        <ul class="list1">
          <li>
           <h1>服务</h1>
          </li>
          <li><a href="/html/service/#templatemo1">服务体系</a></li>
          <li><a href="/html/service/#templatemo2">解决方案</a></li>
          <li><a href="/html/service/#templatemo3">服务优势</a></li>
          <li><a href="/html/service/#templatemo4">合作流程</a></li>
          <li><a href="/html/service/#templatemo5">服务客户</a></li>
        </ul>
        </ul>
        <ul class="list1">
          <li>
            <h1>案例</h1>
          </li>
          
          <li><a href='/html/case/web/'>网页设计</a></li>
          
          <li><a href='/html/case/soft/'>软件界面</a></li>
          
          <li><a href='/html/case/add/'>平面广告</a></li>
          
          <li><a href='/html/case/app/'>移动APP</a></li>
          
        </ul>
        <ul class="list1">
          <li>
            <h1>动态</h1>
          </li>
          
          <li><a href='/html/news/gongsi/'>公司新闻</a></li>
          
          <li><a href='/html/news/hangye/'>行业动态</a></li>
          
        </ul>
        <ul class="list1">
          <li>
            <h1>知识</h1>
          </li>
          
          <li><a href='/html/zhishi/tiyan/'>用户体验</a></li>
          
          <li><a href='/html/zhishi/shijue/'>视觉设计</a></li>
          
          <li><a href='/html/zhishi/chaungyi/'>创意设计</a></li>
          
        </ul>
      </div>
      <ul class="list2">
        <li>
          <h1>商务合作</h1>
        </li>
        <li>邮箱：354006421@qq.com</li>
        <li>手机：13588889999</li>
        <li>座机：4008-888-888</li>
        <li>Q Q：354006421 <a href="http://wpa.qq.com/msgrd?v=3&uin=354006421&site=qq&menu=yes" target="_blank"><i class="qq"></i>点击交谈</a></li>
        <li>地址：江苏省南京市玄武区玄武湖</li>
      </ul>
    </div>
    <div class="foot_bottom">
      <p>友情链接： <a href='http://http://test.nniubi.com/' target='_blank'>NNB竞技活动网</a> </p>
      <p>Copyright &copy; 2016-2017 . 南京创劲 版权所有 苏ICP12345678 </p>
    </div>
  </div>
  <div class="eject">
    <div class="theme-mask"></div>
    <div class="popover1">
      <dl>
        
      </dl>
    </div>
  </div>
  <script type="text/javascript">
$(document).ready(function($){
$('.weixin2').click(function(){
$('.theme-mask').show();
$('.theme-mask').height($(document).height());
$('.popover1').slideDown(200);
})
$('.close').click(function(){
$('.theme-mask').hide();
$('.popover1').slideUp(200);

})

})
</script> 
</div>

<script>
    $('body').show();
    $('.version').text(NProgress.version);
    NProgress.start();
    setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 5);
//--></script>
</body>
</html>